* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

body {
    background-color: #F3F4F5;
}

.main {
    width: 100%;
    height: 100%;
}

.index-nav {
    width: 100%;
    height: 70px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.index-nav .nav-body {
    width: 1200px;
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
}

.index-nav .nav-body .nav-left p a {
    color: black;
}

.index-nav .nav-body .nav-right {
    display: flex;
    align-items: center;
}

.index-nav .nav-body .nav-right .port {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #3981FF;
}

.index-nav .nav-body .nav-right .down {
    margin: 0 40px 0 8px;
}


.index-center {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 68px;
}

.index-center .center-body {
    width: 1200px;
}

.index-center .center-body .center-nav ul {
    display: flex;
    margin-bottom: 42px;
}

.index-center .center-body .center-nav ul li {
    height: 40px;

}
.index-center .center-body .center-nav ul .liActive{
    border-bottom: 2px solid #3981FF;
}
.index-center .center-body .center-nav ul li:nth-child(1) {
    margin-right: 45px;
}

.index-center .center-body .center-nav ul li a {
    color: black;
}
.index-center .center-body .port-body{
    min-height: 300px;
    text-align: center;
}
.index-center .center-body .port-body .loading {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
.index-center .center-body .port-body .loading img{
    width: 200px!important;
}
.index-center .center-body .port-body .port-cord {
    width: 100%;
    height: 240px;
    background-color: #FFFFFF;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.index-center .center-body .port-body .port-cord .cord-left{
    width: 700px;
    height: 183px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 32px;
}
.index-center .center-body .port-body .port-cord .cord-left img{
    width: 227px;
    height: 183px;
    background-size: cover;
    border-radius: 5px;
}
.index-center .center-body .port-body .port-cord .cord-left .cord-tit{
    margin-left: 30px;
    text-align: left;
}
.index-center .center-body .port-body .port-cord .cord-left .cord-tit p:nth-child(1){
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 22px;
}
.index-center .center-body .port-body .port-cord .cord-left .cord-tit p:nth-child(2){
    font-size: 16px;
    font-weight: 400;
}
.index-center .center-body .port-body .port-cord .cord-right{
    width: 315px;
    height: 183px;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    text-align: right;
    margin-right: 38px;
}
.index-center .center-body .port-body .port-cord .cord-right p{
    width: 100%;
}
.index-center .center-body .port-body .port-cord .cord-right .cord-button{
    display: flex;
    justify-content: right;
}
.index-center .center-body .port-body .port-cord .cord-right .cord-button .end{
    width: 128px;
    height: 48px;
    background: #666666;
    box-shadow: 0px 6px 8px #BBD2FA;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}
.index-center .center-body .port-body .port-cord .cord-right .button{
    width: 128px;
    height: 48px;
    background: #3981FF;
    box-shadow: 0px 6px 8px #BBD2FA;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}

.index-center .center-body .port-body .port-cord .cord-right  .start img{
    width: 23px;
    height: 22px;
}
.index-center .center-body .port-body .port-cord .cord-right  .lookUp img{
    width: 23px;
    height: 15px;
}
.index-center .center-body .port-body .port-cord .cord-right .button p{
    width: 40px;
    color: #FFFFFF;
}

.index-center .center-body .center-sequence{
    width: 100%;
    display: flex;
    justify-content: center;
}
.index-center .center-body .center-sequence .but-left{
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
    cursor: pointer;
}
.index-center .center-body .center-sequence .but-right{
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 40px;
    cursor: pointer;
}
.index-center .center-body .center-sequence .btn-list ul{
    display: flex;
}
.index-center .center-body .center-sequence .btn-list ul li .active{
    width: 50px;
    height: 50px;
    background: #3981FF;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}
.index-center .center-body .center-sequence .btn-list ul li a{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #CCCCCC;
}
.index-buttom{
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #FFFFFF;
}
.index-buttom .bottom-body{
    width: 1200px;
    background-color: #FFFFFF;
}
.index-buttom .bottom-body .bottom-introduce{
    width: 100%;
    height: 424px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index-buttom .bottom-body .bottom-introduce .introduce-left{
    width: 345px;
    height: 175px;
}
.index-buttom .bottom-body .bottom-introduce .introduce-left .tit{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 62px;
}
.index-buttom .bottom-body .bottom-introduce .introduce-left  ul li{
    margin-bottom: 38px;
}
.index-buttom .bottom-body .bottom-introduce .introduce-left  ul li a{
    display: flex;
    align-items: center;
    color: black;
}
.index-buttom .bottom-body .bottom-introduce .introduce-left  ul li a svg{
    margin-right: 33px;
}

.index-buttom .bottom-body .bottom-introduce .introduce-right{
    width: 570px;
    display: flex;
    justify-content: space-between;
}
.index-buttom .bottom-body .bottom-introduce .introduce-right .introduce-list .tit{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 48px;
}
.index-buttom .bottom-body .bottom-introduce .introduce-right .introduce-list ul li{
    margin-bottom: 20px;
}
.index-buttom .bottom-body .bottom-introduce .introduce-right .introduce-list ul li a{
    color: black;
}
.bottom-copyright {
    width: 100%;
    height: 50px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}